{include file="mobile/_banner"}

<div class="am-row am-text-center">
    {if condition='empty($typeId)'}
    <a href="{:url('/mobile/index/news')}" class="am-btn am-btn-warning am-round">全部新闻</a>
    {else}
    <a href="{:url('/mobile/index/news')}" class="am-btn am-btn-default am-round am-btn-back">全部新闻</a>
    {/if}
    {volist name='typeList' id='vo'}
    {if condition='$typeId == $vo.id'}
    <a href="{:url('/mobile/index/news',['typeId'=>$vo.id])}" class="am-btn am-btn-warning am-round">{$vo.typeName}</a>
    {else}
    <a href="{:url('/mobile/index/news',['typeId'=>$vo.id])}" class="am-btn am-btn-default am-round am-btn-back">{$vo.typeName}</a>
    {/if}
    {/volist}
</div>

<article data-am-widget="paragraph" class="am-paragraph am-paragraph-default"
         data-am-paragraph="{ tableScrollable: true, pureview: true }">

    <div class="am-article-hd">
        <h1 class="am-article-title">{$info.newsName}</h1>
    </div>
    <div class="am-article-bd">
        {$info.content}
    </div>
</article>

<ul class="am-pagination">
    {if condition="!empty($upList)"}
    <li class="am-pagination-prev"><a href="{:url('/mobile/index/newsInfo',['typeId'=>$typeId,'id'=>$upList.id])}">&laquo; Prev</a></li>
    {else/}
    <li class="am-pagination-prev am-disabled"><a href="javascript:void(0)">&laquo; Prev</a></li>
    {/if}

    {if condition="!empty($nextList)"}
    <li class="am-pagination-next"><a href="{:url('/mobile/index/newsInfo',['typeId'=>$typeId,'id'=>$nextList.id])}">Next &raquo;</a></li>
    {else/}
    <li class="am-pagination-next am-disabled"><a href="javascript:void(0)">Next &raquo;</a></li>
    {/if}
</ul>